<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 网页的头部header  -->
    <div id="header">
        <div class="header-logo fl">
            <h1 class="fl"><img src="images/logo.png" alt=""></h1>
            <h2 class="fl">正达建筑内部管理平台</h2>
        </div>
        <div class="header-nav fr">
            <p>
                    <a href="">
                        <i class="loding"></i>
                        <span>欢迎您，武剑 管理员</span>
                    </a>
            </p>
            <p>
                    <a href="">
                        <i class="inventicons"></i>
                        <span>修改密码</span>
                    </a>
            </p>
            <p>
                    <a href="">
                        <i class="home"></i>
                        <span>公司官网</span>
                    </a>
            </p>
            <p>
                    <a href="">
                    <i class="share"></i>
                    <span>退出</span>
            </a>
        </p>

        </div>
    </div>


    <!-- content 内容框架-->
    <div id="content-wrap">
        <div class="menu">
            <ul>
                <li class="menu-active">
                    <a href="">
                        <i class="project"></i>
                        <p>项目管理</p>
                    </a>
                </li>
                <li >
                    <a href="">
                        <i class="contacts"></i>
                        <p>用户管理</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="settings"></i>
                        <p>系统设置</p>
                    </a>
                </li>
            </ul>
        </div>


        <!-- main  -->
        <div class="main">
             <div class="project-txt">
                  <div class="project-text-left fl">
                      <h2>
                          <span>青田高湾绿园一期、二期工程</span>
                          <img src="images/pencilwithpaper.png" alt="">
                      </h2>
                      <p>
                        项目编号：<span>CN0000507</span>
                        <br>      
                        项目类型：<span>在建工程</span>
                        <br>
                        项目负责人：<span>梅海丽</span>
                        <br>              
                        手机号码：<span>15869168967</span>
                    </p>
                  </div>


                  <div class="project-text-right fr">
                      <img src="images/project-right.jpg" alt="">
                  </div>
             </div> 
             
             <!-- project-list  -->
             <div class="project-list">
                    <ul class="project-list-btn">
                        <li><a href="#">视频监控</a></li>
                        <li><a href="#">容考勤管理</a></li>
                        <li><a href="#" >安全巡查</a></li>
                        <li ><a href="#" class="active">资料管理</a></li>
                    </ul>
             </div>

             <div class="project-btn">
                 <div class="projec-file fl">
                     <label for="single">
                         <input type="file" id="single">
                         <i class="single"></i>
                         <span>单个上传</span>
                     </label>

                     <label for="mul">
                        <input type="file" id="mul" multiple>
                        <i class="mul"></i>
                        <span>批量上传</span>
                    </label>
                 </div>


                 <form class="search fr">
                     <input type="text" class="txt" value="请输入关键字">
                     <input type="submit" class="btn" value="">
                 </form>
             </div>


        </div>
    </div>
</body>
</html>